<template>
	<view class="wrap xc-flex xc-flex-column align-center">
		<view class="xc-flex xc-flex-column align-center justify-center" style="height: 418rpx;">
			<text class="text-bold xc-text-24">获比百家</text>
			<text class="text-bold xc-text-15 xc-margin-t-15 xc-c-242424">花最少的钱，装最美的家</text>
		</view>
		<view class="xc-flex xc-flex-column align-center">
			<view class="item cell">
				<view class="cell-left xc-w-50 xc-flex justify-center align-center">
					<image src="../../static/login2/sjs.png" class="xc-w-15 xc-h-15" mode="aspectFit"></image>
				</view>
				<view class="xc-flex xc-flex-1 align-center">
					<input class="xc-h-100p" type="text" value="" placeholder="设计师" />
				</view>
				<view class="xc-flex align-center justify-center xc-w-70">
					<text class="right xc-c-294D7C">切换</text>
				</view>
			</view>
			<view class="item cell">
				<view class="cell-left xc-w-50 xc-flex justify-center align-center">
					<image src="../../static/login2/sjh.png" class="xc-w-15 xc-h-15" mode="aspectFit"></image>
				</view>
				<view class="xc-flex xc-flex-1 align-center">
					<input class="xc-h-100p" type="text" value="" placeholder="请输入您的手机号码" />
				</view>
			</view>
			<view class="item cell">
				<view class="cell-left xc-w-50 xc-flex justify-center align-center">
					<image src="../../static/login2/mm.png" class="xc-w-15 xc-h-15" mode="aspectFit"></image>
				</view>
				<view class="xc-flex xc-flex-1 align-center">
					<input class="xc-h-100p" type="text" value="" placeholder="请输入您的密码" />
				</view>
				<view class="xc-flex align-center justify-center xc-w-70">
					<image class="xc-w-20 xc-h-20" src="../../static/login2/yl.png" mode="aspectFit"></image>
				</view>
			</view>
		</view>
		<view class="xc-flex justify-between xc-padding-lr-30 xc-c-fff" style="width: 670rpx;" >
			<text>忘记密码？</text>
			<text>立即注册</text>
		</view>
		<view class="btn xc-margin-t-100">
			<u-button :hair-line="false" :customStyle="{
				width: '620rpx',
				height: '98rpx',
				color:'#fff',
				outline:'none',
				background: '#4779BB',
				borderRadius: '45px',
			}">立即登录</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				templateAll:`
				
<template>
	<view class="wrap xc-flex xc-flex-column align-center">
		<view class="xc-flex xc-flex-column align-center justify-center" style="height: 418rpx;">
			<text class="text-bold xc-text-24">获比百家</text>
			<text class="text-bold xc-text-15 xc-margin-t-15 xc-c-242424">花最少的钱，装最美的家</text>
		</view>
		<view class="xc-flex xc-flex-column align-center">
			<view class="item cell">
				<view class="cell-left xc-w-50 xc-flex justify-center align-center">
					<image src="../../static/login2/sjs.png" class="xc-w-15 xc-h-15" mode="aspectFit"></image>
				</view>
				<view class="xc-flex xc-flex-1 align-center">
					<input class="xc-h-100p" type="text" value="" placeholder="设计师" />
				</view>
				<view class="xc-flex align-center justify-center xc-w-70">
					<text class="right xc-c-294D7C">切换</text>
				</view>
			</view>
			<view class="item cell">
				<view class="cell-left xc-w-50 xc-flex justify-center align-center">
					<image src="../../static/login2/sjh.png" class="xc-w-15 xc-h-15" mode="aspectFit"></image>
				</view>
				<view class="xc-flex xc-flex-1 align-center">
					<input class="xc-h-100p" type="text" value="" placeholder="请输入您的手机号码" />
				</view>
			</view>
			<view class="item cell">
				<view class="cell-left xc-w-50 xc-flex justify-center align-center">
					<image src="../../static/login2/mm.png" class="xc-w-15 xc-h-15" mode="aspectFit"></image>
				</view>
				<view class="xc-flex xc-flex-1 align-center">
					<input class="xc-h-100p" type="text" value="" placeholder="请输入您的密码" />
				</view>
				<view class="xc-flex align-center justify-center xc-w-70">
					<image class="xc-w-20 xc-h-20" src="../../static/login2/yl.png" mode="aspectFit"></image>
				</view>
			</view>
		</view>
		<view class="xc-flex justify-between xc-padding-lr-30 xc-c-fff" style="width: 670rpx;" >
			<text>忘记密码？</text>
			<text>立即注册</text>
		</view>
		<view class="btn xc-margin-t-100">
			<u-button :hair-line="false" :customStyle="{
				width: '620rpx',
				height: '98rpx',
				color:'#fff',
				outline:'none',
				background: '#4779BB',
				borderRadius: '45px',
			}">立即登录</u-button>
		</view>
	</view>
</template>

<script>
	export default {

	}
</ script>

<style scoped>
	.wrap {
		background-image: url(../../static/login2/bj.png);
		background-size: 100% 100%;
	}

	.cell {
		width: 670rpx;
		display: flex;
		align-content: center;
		height: 98rpx;
		color: #A9A9A9;
		font-size: 30rpx;
		margin-bottom: 50rpx;
		background: #FFFFFF;
		border-radius: 45rpx;
	}
</style>

				`
			}
		}
	}
</script>

<style scoped>
	.wrap {
		background-image: url(../../static/login2/bj.png);
		background-size: 100% 100%;
	}

	.cell {
		width: 670rpx;
		display: flex;
		align-content: center;
		height: 98rpx;
		color: #A9A9A9;
		font-size: 30rpx;
		margin-bottom: 50rpx;
		background: #FFFFFF;
		border-radius: 45rpx;
	}
</style>
